html,body
{
  margin:0;
  padding:0;
  height:100%;  
  /*min-width:1110px;*/
}

#main
{
  /*width:100%;*/
  /*position:absolute;
  height:auto !important;*/
  /*min-height:100%;
  height:100%;
  padding-bottom:40px;*/
  /*min-width:1110px;*/
  padding:10px;
}

a
{
  text-decoration:none;
}

#login
{
  
  /*background-color:#eee;
  text-align:right;
  border-bottom:1px solid #aaa;   
  background-color: #edf3ff;  
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#edf3ff), to(#f3f3f3));
  background-image: -webkit-linear-gradient(top,  #edf3ff, #deedf7);  
  background-image: -moz-linear-gradient(top,  #edf3ff, #deedf7);
  background-image: -o-linear-gradient(top,  #edf3ff, #deedf7);
  background-image: linear-gradient(top,  #edf3ff, #deedf7);  */
  padding: 4px;
  border: none;  
  float: right;  
  /*height:24px;*/
  position: relative;
  top:20px;
  
}

/*
.loginbutton
{
  padding: 4px;
  margin: 4px;
  border: 1px solid #aaa;
  background-color: #ccc;  
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ddd), to(#ccc));
  background-image: -webkit-linear-gradient(top,  #ddd, #ccc);  
  background-image: -moz-linear-gradient(top,  #ddd, #ccc);
  background-image: -o-linear-gradient(top,  #ddd, #ccc);
  background-image: linear-gradient(top,  #ddd, #ccc);
  border-radius:3px;
  height:20px;
  float:left;
}
*/

#caption
{
  background-color:#ddf;
  text-align:center;    
}

h1
{
  margin:0;
  font-size:26px;
  font-family:Modern, Serif;
}


#image
{  
  text-align:center; 
  margin-right:236px;
}

#comment_title
{
/*  background-color:#f7f7f7; 
  
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f7f7f7), to(#f3f3f3));
  background-image: -webkit-linear-gradient(top,  #f7f7f7, #f3f3f3);  
  background-image: -moz-linear-gradient(top,  #f7f7f7, #f3f3f3);
  background-image: -o-linear-gradient(top,  #f7f7f7, #f3f3f3);
  background-image: linear-gradient(top,  #f7f7f7, #f3f3f3);      
  
  */

  border-bottom:1px solid #ddd;
  
  padding:2px;
  height:20px;  
}

#nav_left, #nav_right
{
  display:inline;  
  position:relative;
  top:26px;
  width:48px;
}

#nav_left > *, #nav_right > *
{
  opacity:0.7;
}

#nav_left > *:hover, #nav_right > *:hover
{
  opacity:1;
}

#nav_left
{  
  float:left;
  margin-left:2px;  
}

#nav_right
{ 
  float:right;
  margin-right:2px;  
}

a.nav
{
  color:white;
}

a.nav:hover
{
  color:#aaf;
}

.box_item
{
  float:left;
  margin:5px;
  padding:10px;
  border-width:0px;
  border-style:solid;
  border-color:#888;  
}

.box_caption
{
  border-width:0px;
  /*border-bottom-width:1px;*/
  border-style:solid;
  border-color:#888;
  /*background-color:#c8d4ff;*/
  text-align:center;
  margin-bottom:3px;
  font-weight:bold;
  color:black;
  height:22px;
  vertical-align:middle;
  text-decoration:none;  
}

.box_image
{
  height:160px;
}

.box_image > img
{
  padding:5px;
  border-width:1px;
  border-style:solid;
  border-color:#888;
  box-shadow:2px 2px 5px #888;
  -webkit-box-shadow:2px 2px 5px #888;
  -moz-box-shadow:2px 2px 5px #888;
}

#banner
{
  text-align:left;
  background-image:url('../images/lblue142.gif');
  border-bottom:1px solid #aaa;   
}

.center
{
  text-align:center;
}

td,th
{
  padding:5px;
  border-bottom:1px solid #ccf;  
  background-color:#e2eff8;
}

th
{
  padding:5px;
  border-right:1px solid #ccf;
  text-align:left;
}

td.last
{
  border-bottom:0px;
}

#settings
{
  margin:20px auto;
  border:1px solid #88f;  
  border-radius:5px;
  width:500px;
}

.editbox
{  
  border:1px solid #88f;
  width:100%
}

.message, .error
{
  margin:10px auto;
  border: 1px solid;
  border-radius: 5px;  
  width:400px;
  text-align:center;
  font-weight:bold;
}

.message
{
  border-color: #cc0;  
  background-color:#ff7;  
}

.error
{
  border-color: #c00;  
  background-color:#f77;  
}

.comment
{  
  margin:3px;     
  padding:5px;
  
/*
  background-color:#f7f7f7;    
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f7f7f7), to(#f3f3f3));
  background-image: -webkit-linear-gradient(top,  #f7f7f7, #f3f3f3);  
  background-image: -moz-linear-gradient(top,  #f7f7f7, #f3f3f3);
  background-image: -o-linear-gradient(top,  #f7f7f7, #f3f3f3);
  background-image: linear-gradient(top,  #f7f7f7, #f3f3f3);  
  border-radius:4px;
  */   
  border-bottom:1px dashed #ddd;    
  overflow:auto;
}

#comments
{  
 /*display:none;*/
 position:fixed;
 border-left:1px solid #ddd;
 border-bottom:1px solid #ddd;
 width:236px;
 overflow-y:scroll;
 right:0;
 top:0;
 height:100%; 
}

#comment_text
{
  width:200px;  
  height:50px;    
}

#content
{  
  color:white;
  background-color:transparent;    
  border:none;
  overflow:auto;
  max-height:100%;

  position:relative;
  z-index:200;

}
td.detail
{
  margin:0;
  padding:0;
  vertical-align:top;
  background-color:white;  
  border:none;
}
#tabs
{
  font-size:0.75em;  
  width:650px;
  margin:5px auto;
}
fieldset
{
  border:1px solid #888;
  border-radius:3px;
}
fieldset > label
{
  display:inline-block;
  width:70px;
}
fieldset > input[type='text'], select
{  
  border:1px solid #888;  
  padding:2px;
  margin:3px;
  width:500px;
  border-radius:3px;
  background-color: #fcfcfc;
}
#admin_back_to_page
{
  float:right;
  margin:6px;
}
#hide_comments
{
  position:absolute;
  top:0;
  right:236px;
}
#detail_close
{  
  position:absolute;
  right:0;
  margin-right:262px;
}

#rating
{  
  float:right;
  text-align:right;  
}

#photo_count
{  
  float:left;
  text-align:left;  
}

#photo_caption_bar
{
  width:800px;
  text-align:center;
  margin:0 auto;  
}

#shadow
{
  position:fixed;
  left:0;
  top:0;
  width:100%;
  height:100%;
  opacity:0.9;
  background-color:black; 
  z-index:100;
}

#image_frame, img
{
  margin:0;
  padding:0;
  border:0;  
}

/*new*/

#album_plane
{
  clear:both;
  border: solid 1px #aaa;
}

#album_title
{
  float:left;
}

#toolbar, #userbar
{
  height:32px;
  float:right;
  border:1px solid #aaa;
  border-radius:3px;
  margin:4px 0 4px 8px;
  background-color: #eee;
  background: -webkit-linear-gradient(top,  #eee, #ddd);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#ddd));
  background-image: -webkit-linear-gradient(top,  #eee, #ddd);
  background-image: -moz-linear-gradient(top,  #eee, #ddd);
  background-image: -o-linear-gradient(top,  #eee, #ddd);
  background-image: linear-gradient(top,  #eee, #ddd);  
}

#toggle_user
{
  padding:8px 0;
}

a.toolbutton, .userbar_item
{
  height:16px;
  float:left;
  padding:8px;
  border-right:1px solid #aaa;
  display:block;
  overflow:hidden;
}

a.toolbutton:last-child, .userbar_item:last-child
{
  border-right:none;
}

#username
{
  text-align:right;
}

#header_panel
{  
  /*border-bottom:1px solid #aaa;
   * /*background-color: #eee;
   * background: -webkit-linear-gradient(top,  #eee, #ddd);
   * background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#ddd));
   * background-image: -webkit-linear-gradient(top,  #eee, #ddd);
   * background-image: -moz-linear-gradient(top,  #eee, #ddd);
   * background-image: -o-linear-gradient(top,  #eee, #ddd);
   * background-image: linear-gradient(top,  #eee, #ddd);
   * padding:3px;  */
}

#footer
{
  padding:10px 0;
  width:100%;
  text-align:center;
  color:#555;
  font-size:0.9em;
}

.cleaner
{
  clear:both;
  display:block;
}